import { Canvas, DocsContainer, Meta, Story } from '@storybook/blocks';
import * as TabStories from './tab.stories';

<Meta of={TabStories} />

<style>
  {`
    
    mwc-tab-bar {
      border-bottom: 1px solid var(--mdc-theme-border);
    }
    .sbdocs .docs-story {
      min-height: 8rem;
    }

    `}
</style>

# Tabs

## Basics

- Add 16px padding to the left and right of the tabs

---

## Examples

<Canvas>
  <cv-tab-bar>
    <cv-tab label="Tab one" />

    <cv-tab label="Tab two" />

    <cv-tab label="Tab three" />

  </cv-tab-bar>
</Canvas>
